<!DOCTYPE html>
<html lang="en">
<head>
<title>How do I merge columns and sections to one block on a Lessons page?</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta content="" name="description">
<link href="../css/help.css" media="all" rel="stylesheet" type="text/css" charset="utf-8">
<link href="/library/webjars/fontawesome/4.7.0/css/font-awesome.min.css" media="screen" rel="stylesheet">
<link href="/library/skin/morpheus-default/tool.css" media="screen" rel="stylesheet" type="text/css" charset="utf-8">
<script src="/library/webjars/jquery/1.12.4/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/library/js/headscripts.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
    includeWebjarLibrary('featherlight');
    $(document).ready(function(){
      $("a.screensteps-image-zoom").featherlight({
        type: { image:true },
        closeOnClick: 'anywhere'
      }); 
    });   
</script>
</head>
<body>
  <div><div>
<div><h1 class="article-title">How do I merge columns and sections to one block on a Lessons page?</h1></div>
<div>



    <div class="step-instructions screensteps-textblock screensteps-wrapper--introduction screensteps-wrapper">
  <div id="text-content_6F02BC99-FCAA-4B28-9793-B1D42F0C961C" class="text-block-content">
    <p>Sections and columns can be merged in two different ways. </p>
  </div>
</div>

      <div class="step screensteps-section screensteps-depth-1">
    <h2 class="step-title screensteps-heading">Go to Lessons.</h2>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/007/053/971/original/f8a73e0e-fb18-40df-a298-a76e5ce2ac55.png" alt="" height="110" width="202">
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_D1E0D600-0D58-4960-BACE-275BE63466E3" class="text-block-content">
    <p>If you titled your page something other than <em>Lessons</em>, select the title of the page as it appears in your Tool Menu.</p>
  </div>
</div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_98DAE293-D725-407D-89DB-ED0EB3A03C7B" class="text-block-content">
    <p>Click on the Lessons tool in the Tool Menu to display the page.</p>
<p><em>Note: The Lesson page must already contain content and one or more section breaks before you can combine sections.</em></p>
  </div>
</div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1" id="method-1-click-the-merge-button">
    <h2 class="step-title screensteps-heading">Method 1: Click the Merge button.</h2>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/004/192/114/original/e6278b4f-9c36-4c6f-ac98-953ad6e34e36.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/004/192/114/medium/e6278b4f-9c36-4c6f-ac98-953ad6e34e36.png" alt="" height="398" width="855">
      </a>
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_771B9CC2-4E88-428E-89D7-06F0C798A2B1" class="text-block-content">
    <p>The <strong>Merge</strong> button looks like two arrows pointing in toward each other. It is located in the top left corner of each content block (either section or column). </p>
<p>Clicking on the <strong>Merge</strong> button will merge the selected content block with the block above it. </p>
  </div>
</div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1" id="method-2-click-reorder">
    <h2 class="step-title screensteps-heading">Method 2: Click Reorder.</h2>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/005/076/410/original/6e019d83-8056-41c0-952b-9d5968594ede.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/005/076/410/medium/6e019d83-8056-41c0-952b-9d5968594ede.png" alt="" height="78" width="855">
      </a>
  </div>
 
        <div class="step screensteps-section screensteps-depth-2" id="click-the-red-x-to-delete-the-column-section-break">
    <h3 class="step-title screensteps-heading">Click the merging arrows to delete the column/section break.</h3>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/004/192/118/original/df631e37-3e0e-4627-8f57-19bb4f2c82c2.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/004/192/118/medium/df631e37-3e0e-4627-8f57-19bb4f2c82c2.png" alt="" height="381" width="855">
      </a>
  </div>
 
  </div>
 
        <div class="step screensteps-section screensteps-depth-2">
    <h3 class="step-title screensteps-heading">Click Save.</h3>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/004/192/121/original/f0fcdbbe-927b-48d6-944a-e1b9979a2916.png" alt="" height="48" width="161">
  </div>
 
  </div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1" id="view-merged-columns-sections">
    <h2 class="step-title screensteps-heading">View merged columns/sections.</h2>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/004/192/123/original/1c72674f-c9e3-4ec7-913c-d9fb4dc2770e.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/004/192/123/medium/1c72674f-c9e3-4ec7-913c-d9fb4dc2770e.png" alt="" height="424" width="855">
      </a>
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_DA339417-B97B-49C9-BDD1-F87D7D11FD5D" class="text-block-content">
    <p>The two sections or columns will be merged to be one big block with borders around them. All items will be displayed in order vertically inside the content block borders. </p>
  </div>
</div>
 
  </div>


</div>
</div></div>
</body>
</html>
